*{
    margin: 0;
    padding: 0;
}
.nav{
    width: 10.8rem;
    height: 1.5rem;
    background-color: white ;
    display: flex;
    span{
        font-size: .4rem;
        align-self: center;
        margin-left: .7rem;
        &:nth-of-type(3){
            color: #f16f19;
        }
    }
    img:nth-of-type(1){
        width: .83rem;
        height: .83rem;
        align-self: center;
        margin-left: .6rem;
    }
    img:nth-of-type(2){
        width: .8rem;
        height: .8rem;
        align-self: center;
        margin-left: .6rem;
    }
}
section{
    .sec-title{
        width: 3.2rem;
        height: 1.15rem;
        margin-left: .7rem;
        // display: flex;
        position: relative;
        .sec-title-pic{
            width: 1.15rem;
            height: 1.15rem;
            border-radius: 50%;
            background:url(.././APP图片/d6485882-92dc-44a0-9fbc-d4acb5ee9bb6.jpg);
            background-size: cover;
        }
        .sec-title-pic2{
            width: 1.15rem;
            height: 1.15rem;
            border-radius: 50%;
            background: url(../APP图片/fcd2a24d-495e-4a15-bef9-014fa63275ed.jpg);
            background-size: cover;
        }
        .sec-title-pic3{
            width: 1.15rem;
            height: 1.15rem;
            border-radius: 50%;
            background: url(../APP图片/r4C5dyFelnT5hX.jpg);
            background-size: cover;
        }
        .sec-title-pic4{
            width: 1.15rem;
            height: 1.15rem;
            border-radius: 50%;
           background: url(../APP图片/OTkZTU6B7O5fPJ.jpg);
            background-size: cover;
        }
        span:nth-child(2){
            // width: 100%;
            position: absolute;
            top: .1rem;
            left: 1.5rem;
            font-size: .4rem;
        }       
         span:nth-child(3){
            //  width: 100%;
            font-size: .3rem;
            position: absolute;
            top: .6rem;
            left: 1.5rem;
            color: #bdbdbd;
        }
    }
    >li{
        margin: auto;
        list-style: none;
        width: 9.3rem;
        height: 1.2rem;
        font-size: .4rem;
        line-height: 1.2rem;
    }
    .sec-look{
        .look-pic{
        width: 9.3rem;
        height: 5.3rem;
        border-radius: .1rem;
            margin: auto;
        background: url(../APP图片/865bb860226bd79123757e5fdcb09296.jpg);
        background-size: cover;   
    }
    .look-pic2{
        width: 9.3rem;
        height: 5.3rem;
        border-radius: .1rem;
            margin: auto;
        background: url(../APP图片/023c860a8df9c15b62bd073f506fbe48.jpg);
        background-size: cover;   
    }
    .look-pic3{
        width: 9.3rem;
        height: 5.3rem;
        border-radius: .1rem;
            margin: auto;
        background: url(../APP图片/89d8b4056054cb8d35502aa96f5bff3d.jpg);
        background-size: cover;   
    }
    .look-pic4{
        width: 9.3rem;
        height: 5.3rem;
        border-radius: .1rem;
            margin: auto;
        background: url(../APP图片/b3077ff847a1ff72c8f483a7d08b6e1f.jpg);
        background-size: cover;   
    }
    li:nth-of-type(1){
        width: 9.3rem;
        height: 1.2rem;
        margin: auto;
        list-style: none;
        display: flex;
        span:nth-child(1){
            font-size: .3rem;
            color: #bdbdbd;
            align-self: center;
        }
    }
    li:nth-of-type(2){
        width: 9.3rem;
        height: 1.2rem;
        list-style: none;
        border-radius: .5rem;
        background-color: #f8f8f8;
        margin: auto;
        display: flex;
        overflow:hidden;
        position: relative;
        img{
            width: .7rem;
            height: .7rem;
            align-self: center;
            margin-left: .3rem;
        }
        span:nth-child(2){
            font-size: .4rem;
            position: absolute;
            left: 1.5rem;
            top: .1rem;
        }     
           span:nth-child(3){
            font-size: .3rem;
            position: absolute;
            left: 1.5rem;
            top: .7rem;
            color: #bdbdbd;
        }   
                span:nth-child(4){
            display: block;
            width: .6rem;
            height: .6rem;
            position: absolute;
            right: 1rem;
            align-self: center;
            border-radius: 50%;
            background: url(.././APP图片/d6485882-92dc-44a0-9fbc-d4acb5ee9bb6.jpg);
            background-size: cover;
        }
        span:nth-child(5){
            display: block;
            width: .6rem;
            height: .6rem;
            position: absolute;
            right: .5rem;
            align-self: center;
            border-radius: 50%;
            background: url(../APP图片/r4C5dyFelnT5hX.jpg);
            background-size: cover;
        }       
                 span:nth-child(6){
            display: block;
            width: .6rem;
            height: .6rem;
            position: absolute;
            right: 1.5rem;
            align-self: center;
            border-radius: 50%;
            background: url(../APP图片/fcd2a24d-495e-4a15-bef9-014fa63275ed.jpg);
            background-size: cover;
        }
    }
    }
    
}
.foot{
    width: 100%;
    height: 1.25rem;
    position: fixed;
    bottom: 0rem;
    // position: absolute;
    
    background-color: white;
    display: flex;
    li{
        list-style: none;
        width: 20%;
        height: 1.25rem;
        display: flex;
        justify-content: center;
        position: relative;
        a{
            position: relative;
            img{
            width: .61rem;
            height: .6rem;
            
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
        }
    }
        
        &:nth-child(1){
            span{
                font-size: .3rem;
                
                position: absolute;
                bottom: .1rem;
                >a{
                    color: #ff6323;
                }
            }
            }
            span{
                font-size: .3rem;
                position: absolute;
                bottom: .1rem;
                
                a{
                    color: black;
                }
            }
            a{
                text-decoration: none;
                
            }
    }
    }